<!--
 * @Author: Liuxin 2849181826@qq.com
 * @Date: 2023-10-19 13:44:29
 * @LastEditors: Liuxin 2849181826@qq.com
 * @LastEditTime: 2023-10-19 15:40:37
 * @FilePath: \xlxs-auto-production\src\views\home\Home.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="main">
    <!-- 按钮 -->
    <div class="btn"><Button type="primary" style="margin-bottom: 20px;">添加</Button></div>
    <!-- 表格 -->
    <div class="table">
      <Table border ref="selection" :columns="columns" :data="data"></Table>
    </div>
  </div>
</template>

<script>
/*
 *@Date: 2023-10-19 15:32:02
 *@Description: 模块描述
*/
import tableCloums  from './tableCloums';
export default {
  name: '',
  data () {
    return {
      columns:"",
      data:[{
        name:"花",
        unit:"株",
        number:"20000",
        price:"1",
        moeny:"20000",
        mask:"无敌的花",
      },{
        name:"花",
        unit:"株",
        number:"20000",
        price:"1",
        moeny:"20000",
        mask:"无敌的花",
      },{
        name:"花",
        unit:"株",
        number:"20000",
        price:"1",
        moeny:"20000",
        mask:"无敌的花",
      },{
        name:"花",
        unit:"株",
        number:"20000",
        price:"1",
        moeny:"20000",
        mask:"无敌的花",
      },{
        name:"花",
        unit:"株",
        number:"20000",
        price:"1",
        moeny:"20000",
        mask:"无敌的花",
      },{
        name:"花",
        unit:"株",
        number:"20000",
        price:"1",
        moeny:"20000",
        mask:"无敌的花",
      },{
        name:"花",
        unit:"株",
        number:"20000",
        price:"1",
        moeny:"20000",
        mask:"无敌的花",
      },{
        name:"花",
        unit:"株",
        number:"20000",
        price:"1",
        moeny:"20000",
        mask:"无敌的花",
      },{
        name:"花",
        unit:"株",
        number:"20000",
        price:"1",
        moeny:"20000",
        mask:"无敌的花",
      },{
        name:"花",
        unit:"株",
        number:"20000",
        price:"1",
        moeny:"20000",
        mask:"无敌的花",
      },{
        name:"花",
        unit:"株",
        number:"20000",
        price:"1",
        moeny:"20000",
        mask:"无敌的花",
      },{
        name:"花",
        unit:"株",
        number:"20000",
        price:"1",
        moeny:"20000",
        mask:"无敌的花",
      },{
        name:"花",
        unit:"株",
        number:"20000",
        price:"1",
        moeny:"20000",
        mask:"无敌的花",
      },{
        name:"花",
        unit:"株",
        number:"20000",
        price:"1",
        moeny:"20000",
        mask:"无敌的花",
      }]
    }
  },
  created () {
    this.columns=tableCloums
  },
  mounted () {
  },
  methods: {
  },
}
</script>

<style lang="less">
.main{
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 50px 40px;
}
.btn{

}
.table{
  width: 100%;
  height: 100%;
  overflow: scroll;
}
</style>
